<template>
  <router-view class="box"></router-view>
</template>

<script setup>
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';

const router = useRouter();

onMounted(() => {
  router.push('/login');
});
</script>

<style scoped>
.box {
  height: 100%;
  aspect-ratio: 375/812;
  border: 2px solid rgb(160, 160, 173);
  margin: auto;
  box-shadow:
    12px 12px 32px 4px rgba(0, 0, 0, 0.04),
    0px 8px 20px rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
  .box {
    border: 2px solid rgb(57, 57, 58);
  }
}
</style>
